<?

session_start();

$_SESSION['usuario'] = 'marcos';

$usuario = $_SESSION['usuario'];

include ('includes/FuncionesVentas.php');
include ('includes/Funciones.php');
$ServiciosVentas = new ServiciosVentas();
$ServiciosHTML = new ServiciosHTML();
$res = $ServiciosVentas->TraerProductosGral();

?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema AggiornoDeco - ABM Productos</title>

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>


<!--<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>-->
<!--<script type="text/javascript" src="js/jquery.dimensions.js"></script>-->
<script type="text/javascript" src="js/jquery.positionBy.js"></script>
<script type="text/javascript" src="js/jquery.jdMenu.js"></script>
<link href='css/estilo1.css' rel='stylesheet' type='text/css' />
<link href='css/violet.css' rel='stylesheet' type='text/css' />
<link href='css/prettyinpink.css' rel='stylesheet' type='text/css' />
<!--<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.17.custom.css">-->

<script type="text/javascript">
function limita(elEvento, maximoCaracteres) {
  var elemento = document.getElementById("descripcion");
 
  // Obtener la tecla pulsada 
  var evento = elEvento || window.event;
  var codigoCaracter = evento.charCode || evento.keyCode;
  // Permitir utilizar las teclas con flecha horizontal
  if(codigoCaracter == 37 || codigoCaracter == 39) {
    return true;
  }
 
  // Permitir borrar con la tecla Backspace y con la tecla Supr.
  if(codigoCaracter == 8 || codigoCaracter == 46) {
    return true;
  }
  else if(elemento.value.length >= maximoCaracteres ) {
    return false;
  }
  else {
    return true;
  }
}
 
function actualizaInfo(maximoCaracteres) {
  var elemento = document.getElementById("descripcion");
  var info = document.getElementById("info");
 
  if(elemento.value.length >= maximoCaracteres ) {
    info.innerHTML = "Máximo "+maximoCaracteres+" caracteres";
  }
  else {
    info.innerHTML = "Puedes escribir hasta "+(maximoCaracteres-elemento.value.length)+" caracteres adicionales";
  }
}

 
</script>

<script type="text/javascript">
function permite(elEvento, permitidos) {
// Variables que definen los caracteres permitidos

var numeros = "0123456789.";
var numeros2 = "0123456789";
var caracteres = "abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ /()@_-";
var caracteres2 = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ" + numeros;
var numeros_caracteres = numeros + caracteres;
// Seleccionar los caracteres a partir del parámetro de la función
switch(permitidos) {
case 'num':
permitidos = numeros;
break;
case 'num2':
permitidos = numeros2;
break;
case 'car':
permitidos = caracteres;
break;
case 'car2':
permitidos = caracteres2;
break;
case 'num_car':
permitidos = numeros_caracteres;
break;
}
// Obtener la tecla pulsada
var evento = elEvento || window.event;
var codigoCaracter = evento.charCode || evento.keyCode;
var caracter = String.fromCharCode(codigoCaracter);
// Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
	if (codigoCaracter == 37 || codigoCaracter == 39 || codigoCaracter == 8 || codigoCaracter == 46) {
		return true;
	} else {
		return permitidos.indexOf(caracter) != -1;
	}
}

</script>

<script type="text/javascript">
$(function() {
	function limpiar() {
		$('#codproducto').val('');
		$('#detalleprod').val('');
		$('#precioventa').val('');
		$('#preciocompra').val('');
		$('#categoria').val('');
		$('#cantidad').val('');
		$('#imagen').val('');
		$('#descripcion').val('');
		
		$('#codproducto2').val('');
		$('#detalleprod2').val('');
		$('#precioventa2').val('');
		$('#preciocompra2').val('');
		$('#categoria2').val('');
		$('#cantidad2').val('');
		$('#imagen2').val('');
		$('#descripcion2').val('');
	}

	$('#codproducto').click(function() {
		$('#codproducto').css({'background-color':'#FFF'});
	});
	
	$('#detalleprod').click(function() {
		$('#detalleprod').css({'background-color':'#FFF'});
	});
	
	$('#precioventa').click(function() {
		$('#precioventa').css({'background-color':'#FFF'});
	});
	
	$('#preciocompra').click(function() {
		$('#preciocompra').css({'background-color':'#FFF'});
	});
	
	$('#categoria').click(function() {
		$('#categoria').css({'background-color':'#FFF'});
	});
	
	$('#cantidad').click(function() {
		$('#cantidad').css({'background-color':'#FFF'});
	});
	
	$('#mincantidad').click(function() {
		$('#cantidad').css({'background-color':'#FFF'});
	});
	
	$('#imagen').click(function() {
		$('#imagen').css({'background-color':'#FFF'});
	});

	
	$('#detalleprod2').click(function() {
		$('#detalleprod2').css({'background-color':'#FFF'});
	});
	
	$('#precioventa2').click(function() {
		$('#precioventa2').css({'background-color':'#FFF'});
	});
	
	$('#preciocompra2').click(function() {
		$('#preciocompra2').css({'background-color':'#FFF'});
	});
	
	$('#categoria2').click(function() {
		$('#categoria2').css({'background-color':'#FFF'});
	});
	
	$('#cantidad2').click(function() {
		$('#cantidad2').css({'background-color':'#FFF'});
	});
	
	$('#mincantidad2').click(function() {
		$('#cantidad2').css({'background-color':'#FFF'});
	});
	
	$('#imagen2').click(function() {
		$('#imagen2').css({'background-color':'#FFF'});
	});
	
	$('#descripcion2').click(function() {
		$('#descripcion2').css({'background-color':'#FFF'});
	});
	
	$('#mayorista').click(function() {
		$('#mayorista').css({'background-color':'#FFF'});
	});
	
	$('#descripcion').click(function() {
		$('#descripcion').css({'background-color':'#FFF'});
	});

	$('#limpiar').click(function() {
		limpiar();
	});
	
	function valida2() {
		var bandera = false;
		if ($('#codproducto2').val() == '') {
			bandera = true;
			$('#codproducto2').css({'background-color':'#f40'});
			alert('Debe ingresar un codigo',"Error!");
		} 
		
		if ($('#detalleprod2').val() == '') {
			bandera = true;
			$('#detalleprod2').css({'background-color':'#f40'});
			alert('Debe ingresar el detalle del producto',"Error!");
		} 
		
		if ($('#precioventa2').val() == '') {
			bandera = true;
			$('#precioventa2').css({'background-color':'#f40'});
			alert('Debe ingresarle el precio',"Error!");
		} 
		
		if ($('#preciocompra2').val() == '') {
			bandera = true;
			$('#preciocompra2').css({'background-color':'#f40'});
			alert('Debe ingresarle el precio de compra',"Error!");
		} 

		if ($('#cantidad2').val() == '') {
			bandera = true;
			$('#cantidad2').css({'background-color':'#f40'});
			alert('Debe ingresar el stock',"Error!");
		} 
		
		if ($('#mincantidad2').val() == '') {
			bandera = true;
			$('#cantidad2').css({'background-color':'#f40'});
			alert('Debe ingresar el stock minimo',"Error!");
		} 
		
		
		//esto por ahora no
		/*
		if ($('#imagen').val() == '') {
			bandera = true;
			$('#imagen').css({'background-color':'#f40'});
			alert('Debe ingresar una imagen');
		} else {
			bandera = false;	
		}
		
		if ($('#descripcion').val() == '') {
			bandera = true;
			$('#descripcion').css({'background-color':'#f40'});
			alert('Debe ingresar una descripción');
		} else {
			bandera = false;	
		}
		*/
		
		return bandera;
	}
	
	
	function valida() {
		var bandera = false;
		if ($('#codproducto').val() == '') {
			bandera = true;
			$('#codproducto').css({'background-color':'#f40'});
			alert('Debe ingresar un codigo',"Error!");
		} 
		
		if ($('#detalleprod').val() == '') {
			bandera = true;
			$('#detalleprod').css({'background-color':'#f40'});
			alert('Debe ingresar el detalle del producto',"Error!");
		} 
		
		if ($('#precioventa').val() == '') {
			bandera = true;
			$('#precioventa').css({'background-color':'#f40'});
			alert('Debe ingresarle el precio',"Error!");
		} 
		
		if ($('#preciocompra').val() == '') {
			bandera = true;
			$('#preciocompra').css({'background-color':'#f40'});
			alert('Debe ingresarle el precio de compra',"Error!");
		} 

		if ($('#cantidad').val() == '') {
			bandera = true;
			$('#cantidad').css({'background-color':'#f40'});
			alert('Debe ingresar el stock',"Error!");
		} 
		
		if ($('#mincantidad').val() == '') {
			bandera = true;
			$('#cantidad').css({'background-color':'#f40'});
			alert('Debe ingresar el stock minimo',"Error!");
		} 
		
		
		//esto por ahora no
		/*
		if ($('#imagen').val() == '') {
			bandera = true;
			$('#imagen').css({'background-color':'#f40'});
			alert('Debe ingresar una imagen');
		} else {
			bandera = false;	
		}
		
		if ($('#descripcion').val() == '') {
			bandera = true;
			$('#descripcion').css({'background-color':'#f40'});
			alert('Debe ingresar una descripción');
		} else {
			bandera = false;	
		}
		*/
		
		return bandera;
	}
	
	function existeCodigo(codproducto) {
		$.ajax({
								data:  {codproducto: codproducto,
										accion: 'existeCodigoProducto'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#loadt").html('<img src="imagenes/loadinfo.gif" width="24" height="24">');
								},
								success:  function (response) {
										if (response == true) {
											$('#codproducto').css({'background-color':'#f40'});
											$('#codproducto').val('');
											alert('Este codigo ya existe',"Error!");
											
										}  
								}
						});
		
	}
	
	$('#codproducto').change(function() {
		existeCodigo($('#codproducto').val());
	});
	
	
	$('#agregar').click(function() {
		
		if (valida() == false) {
			
						$.ajax({
								data:  {codigo: $('#codproducto').val(),
										detalle: $('#detalleprod').val(),
										precioventa: $('#precioventa').val(),
										preciocompra: $('#preciocompra').val(),
										idcategoria: $('#categoria').val(),
										stock: $('#cantidad').val(),
										imagen: $('#imagen').val(),
										idmayorista: $('#mayorista').val(),
										descripcion: $('#descripcion').val(),
										mayorista: $('#mayorista option:selected').html(),
										categoria: $('#categoria option:selected').html(),
										minstock: $('#mincantidad').val(),
										accion: 'insertarProducto'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#loadt").html('<img src="imagenes/loadinfo.gif" width="24" height="24">');
								},
								success:  function (response) {
										$("#loadt").html('');
										$("#lstproductos").fadeIn( "slow", function() {
											$(this).prepend(response);
										});
										limpiar();
										
										
										
								}
						});
			
		}
	});
	
	
	function TraerTodosLosProductos() {
		$.ajax({
								data:  {accion: 'TraerTodosLosProductos'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#loadt").html('<img src="imagenes/loadinfo.gif" width="24" height="24">');
								},
								success:  function (response) {
										$("#loadt").html('');
										$("#lstproductos").html('');
										$("#lstproductos").fadeIn( "slow", function() {
											$(this).prepend(response);
										});
										limpiar();
	
								}
						});
		
	}
	
	
	function TraerProductoId(id) {
		$.ajax({
								data:  {id: id,accion: 'traerProductoId'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										$("#loadt").html('<img src="imagenes/loadinfo.gif" width="24" height="24">');
								},
								success:  function (response) {
										$("#loadt").html('');
										var datos = response.split("/-");
										$('#codproducto2').val(datos[1]);
										$('#detalleprod2').val(datos[2]);
										$('#precioventa2').val(datos[8]);
										$('#preciocompra2').val(datos[4]);
										$('#cantidad2').val(datos[5]);
										$('#mincantidad2').val(datos[12]);
										//$('#imagen2').val(datos[7]);
										$('#mayorista2').val(datos[6]);
										$('#categoria2').val(datos[9]);
										$('#mayoristaaux2').html('Mayorista cargado: ' + datos[6]);
										$('#descripcion2').val(datos[10]);

									   $('#categoriaaux2').html('Categoria cargada: ' + datos[9]);
										
										
								}
						});
		
	}
	
	
	//borro el producto
	$(document).on("click",".btnBorrar",function(){
		var padre = $(this).parents().get(1);
		var id = $(this).parents("tr").find('td').attr('id');
		$('#idproductomod').val(id);
		$("#dialog2").dialog("open");
		
	  });
	  
	//modifico producto
	$(document).on("click",".btnEditar",function(){
		var padre = $(this).parents().get(1);
		var id = $(this).parents("tr").find('td').attr('id');
		$('#idproducto2').val(id);
		TraerProductoId(id);
		$( "#dialog" ).dialog("open");
		
	  });
	
	
	 $( "#dialog2" ).dialog({
		 	
		    autoOpen: false,
		 	resizable: false,
			height:240,
			modal: true,
			buttons: {
			    "Eliminar": function() {

					$.ajax({
								data:  {id: $('#idproductomod').val(), accion: 'borrarProducto'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
								},
								success:  function (response) {
										TraerTodosLosProductos();
										
								}
						});
					$( this ).dialog( "close" );
					$( this ).dialog( "close" );
						$('html, body').animate({
           					scrollTop: '1000px'
       					},
       					1500);
			    },
			    Cancelar: function() {
					$( this ).dialog( "close" );
			    }
			}
		 
		 
	 });
	 
	 
	 $( "#dialog" ).dialog({
			autoOpen: false,
			height: 630,
			width: 800,
			modal: true,
			buttons: {
			 "Modificar": function() {
					if (valida2() == false) {
							$.ajax({
								data:  {id : $('#idproducto2').val(),
										codigo: $('#codproducto2').val(),
										detalle: $('#detalleprod2').val(),
										precioventa: $('#precioventa2').val(),
										preciocompra: $('#preciocompra2').val(),
										idcategoria: $('#categoria2').val(),
										stock: $('#cantidad2').val(),
										imagen: $('#imagen2').val(),
										idmayorista: $('#mayorista2').val(),
										descripcion: $('#descripcion2').val(),
										mayorista: $('#mayorista2  option:selected').html(),
										categoria: $('#categoria2  option:selected').html(),
										minstock: $('#mincantidad2').val(),
										accion: 'modificarProducto'},
								url:   'ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
								},
								success:  function (response) {
										//aca tendria que volver a cargar todos los productos
										TraerTodosLosProductos();
										limpiar();	
								}
						});	
						$( this ).dialog( "close" );
						$('html, body').animate({
           					scrollTop: '1000px'
       					},
       					1500);
					}

			 },
			 "Cancelar": function() {
				$( this ).dialog( "close" );
			 }
			}
	});	

	limpiar();
	TraerTodosLosProductos();
});
</script>

</head>

<body>



<div id="cabecera">
<div id="menu">
<ul class="jd_menu jd_menu_slate">
<? echo $ServiciosHTML->menu(); ?>			
</ul>
</div>
</div><!-- de de la cabecera -->

<div class="content">

<div id="cargaProducto" align="center">
<form name="form1" id="form1" method="post">
<table width="760" cellpadding="0" cellspacing="0" class="violet">
<caption>Carga de Productos</caption>
<tr>
<th>Codigo</th>
<td>
<input type="text" id="codproducto" name="codproducto" size="15" maxlength="8" onkeypress="return permite(event, 'car2')">
<font color="#FF0000">*</font>
</td>
</tr>

<tr>
<th>Detalle</th>
<td>
<input type="text" id="detalleprod" name="detalleprod" size="80" maxlength="60">
<font color="#FF0000">*</font>
</td>
</tr>

<tr>
<th>PrecioVenta</th>
<td>
<input type="text" maxlength="5" id="precioventa" name="precioventa" style="width:50px;text-align:right;color: #C09;" onkeypress="return permite(event, 'num')">
<font color="#FF0000">*</font>
</td>
</tr>

<tr>
<th>PrecioCompra</th>
<td>
<input type="text" maxlength="5" id="preciocompra" name="preciocompra" style="width:50px;text-align:right;color: #C09;" onkeypress="return permite(event, 'num')">
<font color="#FF0000">*</font>
</td>
</tr>

<tr>
<th>Categoría</th>
<td>
<select id="categoria" style="color: #C09;" name="categoria">
<option value="1">Objetos Decorativos</option>
<option value="2">Cortinas</option>
<option value="3">Muebles</option>
<option value="4">Ambientaciones</option>
</select>
</td>
</tr>

<tr>
<th>Stock</th>
<td>
<input type="text" maxlength="3" id="cantidad" name="cantidad" style="width:50px;text-align:right;color: #C09;" onkeypress="return permite(event, 'num')">
<font color="#FF0000">*</font>
</td>
</tr>

<tr>
<th>Minimo Stock disponible</th>
<td>
<input type="text" maxlength="3" id="mincantidad" name="mincantidad" style="width:50px;text-align:right;color: #C09;" onkeypress="return permite(event, 'num')">
<font color="#FF0000">*</font>
</td>
</tr>



<tr>
<th>Imagen</th>
<td>
<input id="imagen" name="imagen" type="file" size="80">
</td>
</tr>

<tr>
<th>Mayorista</th>
<td>
<select id="mayorista" style="color: #C09;" name="mayorista">
<option value="1">Negro Godoy</option>
</select>
<font color="#FF0000">*</font>
</td>
</tr>

<tr>
<th>Descripción</th>
<td>
<div id="info">Máximo 300 caracteres</div>
<textarea cols="50" rows="4" name="descripcion" id="descripcion" onkeypress="return limita(event, 300);" onkeyup="actualizaInfo(300)"></textarea>
</td>
</tr>

<tr align="center">
<td colspan="2">
<div id="load"></div>
</td>
</tr>

<tr align="center">
<td colspan="2">
<input class="btnAgregar" type="button" value="" name="agregar" id="agregar">
<input class="btnLimpiar" type="button" value="Limpiar" name="limpiar" id="limpiar">
</td>
</tr>

</table>


</form>
</div><!-- fin del div cargar productos -->
<br>

<div align="center">
	<div id="prodCargados" style="margin-left:-90px;">
        <table width="1100" cellpadding="0" cellspacing="0" class="violet bordes1">
        <caption>Productos Cargados</caption>
        <tr>
        <th>Codigo</th>
        <th>Detalle</th>
        <th align="center">Venta</th>
        <th align="center">Compra</th>
        <th>Categoría</th>
        <th>Stock</th>
        <th>Min.Stock</th>
        <th>Imagen</th>
        <th>Mayorista</th>
        <th>Descripción</th>
        <th>Editar</th>
        <th>Eliminar</th>
        </tr>
        <tbody id="lstproductos">

        </tbody>
        </table>

	</div><!--fin de productos cargados-->
    
  <div id="dialog" class="pinkTabla">
    	<table width="750" cellpadding="0" cellspacing="0">
        <caption>Modificar Producto</caption>
        <tr>
        <th>Codigo</th>
        <td>
        <input type="text" id="codproducto2" name="codproducto2" size="15" maxlength="8" readonly>
        <font color="#FF0000">*_ No se puede modificar, si esta mal cargado se debe borrar y volver a cargar.</font>
        </td>
        </tr>
        
        <tr>
        <th>Detalle</th>
        <td>
        <input type="text" id="detalleprod2" name="detalleprod2" size="80" maxlength="60">
        <font color="#FF0000">*</font>
        </td>
        </tr>
        
        <tr>
        <th>PrecioVenta</th>
        <td>
        <input type="text" maxlength="5" id="precioventa2" name="precioventa2" style="width:50px;text-align:right;color: #C09;" onkeypress="return permite(event, 'num')">
        <font color="#FF0000">*</font>
        </td>
        </tr>
        
        <tr>
        <th>PrecioCompra</th>
        <td>
        <input type="text" maxlength="5" id="preciocompra2" name="preciocompra2" style="width:50px;text-align:right;color: #C09;" onkeypress="return permite(event, 'num')">
        <font color="#FF0000">*</font>
        </td>
        </tr>
        
        <tr>
        <th>Categoría</th>
        <td>
        <select id="categoria2" style="color: #C09;" name="categoria2">
        <option value="1">Objetos Decorativos</option>
        <option value="2">Cortinas</option>
        <option value="3">Muebles</option>
        <option value="4">Ambientaciones</option>
        </select>
        <div id="categoriaaux2"></div>
        </td>
        </tr>
        
        <tr>
        <th>Stock</th>
        <td>
        <input type="text" maxlength="3" id="cantidad2" name="cantidad2" style="width:50px;text-align:right;color: #C09;" onkeypress="return permite(event, 'num')">
        <font color="#FF0000">*</font>
        </td>
        </tr>
        
        
        <tr>
        <th>Minimo Stock disponible</th>
        <td>
        <input type="text" maxlength="3" id="mincantidad2" name="mincantidad2" style="width:50px;text-align:right;color: #C09;" onkeypress="return permite(event, 'num')">
        <font color="#FF0000">*</font>
        </td>
        </tr>
        
        
        <tr>
        <th>Imagen</th>
        <td>
        <input id="imagen2" name="imagen2" type="file" size="80">
        </td>
        </tr>
        
        <tr>
        <th>Mayorista</th>
        <td>
        <select id="mayorista2" style="color: #C09;" name="mayorista2">
        <option value="1">Negro Godoy</option>
        </select>
        <div id="mayoristaaux2"></div>
        </td>
        </tr>
        
        <tr>
        <th>Descripción</th>
        <td>
        <div id="info">Máximo 300 caracteres</div>
        <textarea cols="50" rows="4" name="descripcion2" id="descripcion2"></textarea>
        <input type="hidden" id="idproducto2" name="idproducto2" value="">
        </td>
        </tr>
		
        
        </table>
    </div><!--fin del pinktable-->
  <div id="dialog2" title="Eliminar Producto">
    	<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>¿Esta seguro que desea eliminar el producto?.</p>
        <input type="hidden" value="" id="idproductomod" name="idproductomod">
    </div>
</div><!--fin del center-->
</div><!-- del div content -->
<br>
<br>
<footer>Aggiorno Deco - Copyright 2011. Diseño y Programación Web: Saupurein Marcos, Tel:(0221)156184415</footer>
</body>

</html>
